.clearfix:before,.clearfix:after{ content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*IE/7/6*/ }
.transfer-notification { margin: 10px 0; height: 32px; line-height: 32px; text-align: center; color: #7d5949; background: #f9f6ed; border: 1px solid #c7b6ae; overflow: hidden;    /*display: none;*/ }
.transfer-notification .js-jump-bind { float: right; padding: 0 5px; display: block; margin: 4px 4px 0 0; line-height: 25px; height: 25px; cursor: pointer; }
.transfer-notification .js-jump-bind:hover { text-decoration: none; }
#wp.transfer-wp { width: 1120px !important; padding-top: 0; }
.float-right { float: right; }
.ui-login-wrapper .ui-dialog { margin: 30px auto; padding: 30px 0; }
.ui-login-dialog iframe { display: inline; position: relative; height: 100%; width: 100%; }

/** 寮圭獥鎺т欢 **/
.ui-dialog { min-height: 150px; width: 436px; margin: 0 auto; border: 1px solid #dedede; border-radius: 12px; box-shadow: 0px 3px 6px rgba(50, 42, 42, 0.11); background: #FFF; }
.ui-dialog .dialog-header { border-radius: 8px; overflow: hidden; }
.ui-dialog .tabs { overflow: hidden; }
.ui-dialog .tabs li { float: left; width: 186px; line-height: 50px; text-align: center; cursor: pointer; color: #989898; font-size: 16px; border: 1px solid #E0E0E0; }
.ui-dialog .tabs li.active { width: 187px; background: #ccc; background-image: -webkit-linear-gradient(#d0d0d0, #c4c4c4); background-image: linear-gradient(#d0d0d0, #c4c4c4); color: #fff; border: 1px solid #B3B3B3; }
.ui-dialog .tabs li.left { border-radius: 8px 0 0 8px; border-right: 0; }
.ui-dialog .tabs li.right { border-radius: 0 8px 8px 0; border-left: 0; }
.ui-dialog .tabs li.left.active { border-right: 1px solid #b3b3b3; }
.ui-dialog .tabs li.right.active { border-left: 1px solid #b3b3b3; }
.ui-dialog .contents { width: 100%; }
.ui-dialog .content { position: relative; min-height: 150px; display: none; }
.ui-dialog .content.active { display: block; }
.ui-dialog .dialog-line { height: 1px; margin: 0 30px; background: url(../line.png) repeat-x left top; overflow: hidden; }
.ui-dialog .dialog-footer { padding: 25px 0 0; }
.ui-dialog .dialog-footer .warning { color: #d13732; text-align: center; line-height: 20px; }
.ui-login-wrapper .ui-dialog iframe { position: absolute; top: -30px; left: 0; display: inline; height: 560px; width: 737px;    /*width: 436px;*/ }
.ui-login-wrapper .ui-dialog .dialog-header { margin: 0 30px; }
.ui-login-wrapper .ui-dialog .dialog-footer { margin: 0 30px; }

/* 鐧婚檰绐楀彛 */
.ui-dialog .content.content-login { height: 547px; }
.ui-dialog .content-login.authcode { height: 610px; }
.ui-dialog .content-login.authcode iframe { height: 630px; }
.ui-dialog .content-discuz-login.content-discuz-forgetpwd { height: 300px !important; }
.ui-dialog .content.content-register { height: 550px; }
.ui-dialog .rfm { width: auto; margin: 15px 0; overflow: hidden; border: none; }
.ui-dialog .rfm.ui-form-logo { text-align: center; margin: 50px 0; }
.ui-dialog .rfm th,
.ui-dialog .rfm td { padding: 0; }

/*鏈櫥闄嗙姸鎬佹孩鍑� 鏇挎崲鍘焏iscuz鏍峰紡 */
.nfl .f_c { border: 0; background: none; }
.fwin .ui-dialog .rfm,
.nfl .f_c .ui-dialog .rfm { width: auto; }

/* 琛ㄥ崟缁勪欢 */
.ui-form { margin: 0 30px; }
.ui-form  .ui-form-control { border: 1px solid #ccc; border-radius: 10px; overflow: hidden; background: url(../input-bg.png) #F9F9F9 repeat-x; transition: opacity .3s ease-in; -webkit-transition: opacity .3s ease-in; opacity: 0.618; }
.ui-form  .ui-form-control:hover { opacity: 1; }
.ui-form  .ui-form-control span { float: left; display: block; }
.ui-form  .ui-form-control .icon { width: 50px; height: 50px; border-right: 1px solid #ccc; }
.ui-form  .ui-form-control .icon { background: url(../dialog-input-icons.png) no-repeat; }
.ui-form  .ui-form-control .icon.icon-username { background-position: 0 0; }
.ui-form  .ui-form-control .icon.icon-password { background-position: -48px 0; }
.ui-form  .ui-form-control .icon.icon-captcha { background-position: -96px 0; }
.ui-form  .ui-form-control .icon.icon-email { background-position: -144px 0; }
.ui-form  .ui-form-control .icon.icon-question { background-position: -186px 0; }
.ui-form  .ui-form-control .input-control { position: relative; width: 300px; }
.ui-form  .ui-form-control input { padding: 0 10px; width: 100%; height: 50px; line-height: 50px; border: 0; outline: none; background: none; font-size: 16px; }
.ui-form .ui-form-control .error { position: absolute; right: 0; top: 15px; background-color: #81A5E3; color: #FFF; border-radius: 4px; padding: 2px 7px; display: none; }
.ui-form  .ui-form-control .select-control { width: 313px; }
.ui-form  .ui-form-control .select-control select { width: 100%; height: 50px; border: 0; outline: none; background: none; font-size: 16px; padding: 15px 10px\9; text-indent: 10px; font-weight: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ui-form  .ui-form-control .select-control { background-image: url("$_G['static_url']static/image/common/webkit-select-arrow.png"); background-repeat: no-repeat; background-position: 296px 17px; }
    .ui-form  .ui-form-control .select-control select { -webkit-appearance: none; }
}
.ui-form .rfm.on  .ui-form-control { border: 1px solid #9cbaef; opacity: 1;}
.form-discuz-forgetpwd { display: none; }

/* 鎸夐挳鏍峰紡 */
.btn-blue-xs { height: 48px; line-height: 48px; width: 100%; background: #5F7ED7; background: -webkit-linear-gradient(#739FE1, #5F7ED7); background: linear-gradient(#739FE1, #5F7ED7); -webkit-transition: all .3s ease; transition: all .3s ease; font-size: 18px; border-radius: 8px; display: block; text-align: center; border: 0; outline: none; color: #fff; cursor: pointer; box-shadow: inset 0 1px 3px #92B6EC, inset 0 0 2px #627DCA, inset 0 -2px 3px #4C69B8; -webkit-box-shadow: inset 0 1px 3px #92B6EC, inset 0 0 2px #627DCA, inset 0 -2px 3px #4C69B8; text-shadow: #4F70B3 0 -1px 0; }
.btn-blue-xs:hover { box-shadow: inset 0 1px 3px #83A9E1, inset 0 0 2px #627DCA, inset 0 -2px 3px #5A77C7, inset 0 0 100px rgba(48, 77, 147, 0.4); text-decoration: none; }
.btn-blue-xs:active { box-shadow: inset 0 1px 3px #83A9E1, inset 0 0 2px #627DCA, inset 0 -2px 3px #5A77C7, inset 0 0 100px rgba(48, 77, 147, 0.4); text-decoration: none; }

/* 璐︽埛杩佺Щ */
.transfer-wrapper .user-wrapper { overflow: hidden; border-bottom: 1px solid #dedede; padding: 0 0 20px 0; margin-bottom: 35px; }
.transfer-wrapper .user-avatar { padding: 20px 0 0; float: left; margin-right: 20px; }
.transfer-wrapper .user-avatar img { width: 55px; height: 55px; background: #FFF; padding: 2px; border-radius: 6px; box-shadow: 2px 2px 2px #D8D8D8; }
.transfer-wrapper .user-account { padding: 20px 0 0; float: left; line-height: 30px; }
.transfer-wrapper .user-logout { float: right; margin: 55px 0 0 0; }
.transfer-wrapper .user-account,
.transfer-wrapper .user-logout { font-size: 16px; color: #C4C4C4; }
.transfer-wrapper .bind-wrapper { min-height: 660px; margin-top: 100px;}
.transfer-wrapper .info-wrapper { padding-top: 170px; float: left; width: 426px; min-height: 110px; background: url(../transfer-logo.png) no-repeat top; margin: 20px 0 0 80px;    /*transition: background 0.3s ease;
                    -webkit-transition: background 0.3s ease;*/ }
.transfer-wrapper .info-wrapper.info-bbs-wrapper { background: url(../transfer-bbs-logo.png) no-repeat top; }
.transfer-wrapper .info-wrapper h4 { padding: 0 0 15px 0; font-size: 24px; text-align: center; color: #989898; font-weight: normal; }
.transfer-wrapper .info-wrapper p { color: #989898; font-size: 14px; padding: 0 20px; }
.transfer-wrapper .login-transfer-wrapper { position: relative; }
.transfer-wrapper .content-cloud-login { height: 275px; }
.transfer-wrapper .content-cloud-login.authcode { height: 330px; }
.transfer-wrapper .content-cloud-register { height: 480px; }
.transfer-wrapper .content-cloud-register.authcode { height: 530px; }
.transfer-wrapper .footer-wrapper a { color: #C4C4C4; }
.transfer-wrapper .footer-wrapper a:hover { text-decoration: none; }
.login-transfer-wrapper .ui-dialog { padding: 30px 20px; width: 376px; }
.login-transfer-wrapper .ui-dialog iframe { position: absolute; top: 0; right: 0; display: inline; height: 100%; width: 757px; }
.login-transfer-wrapper .user-bind-title { text-align: center; font-size: 20px; color: #7f7f7f; margin-top: 4px; margin-bottom: 7px;}
.ui-dialog .ui-dialog-message { padding: 30px; text-align: center; }
.ui-dialog-message h3 { margin: 40px 0 30px; font-size: 30px; color: #989898; font-weight: normal; }
.ui-dialog-message p { color: #7d7d7d; line-height: 20px; padding: 0 50px; font-size: 12px; }
.ui-dialog-message .btn-blue-xs { display: block; color: #fff; margin-top: 40px; }
.dialog-transfer-success { display: none; }
.ui-dialog.ui-dialog-popup { position: fixed; left: 50%; top: 50%; z-index: 9999; background-color: #FFF; }
.ui-dialog-mask { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9998; background: #000; opacity: .618; filter: alpha(opacity=61.8); }
.transfer-bbs-wrapper .ui-form { margin: 0; }
.transfer-bbs-wrapper .content-bbs-register .rfm { margin: 20px 0; }
.transfer-bbs-wrapper .user-wrapper { padding: 0 0 15px 0 !important; }
.transfer-bbs-wrapper .user-account { float: none !important; }
.transfer-bbs-wrapper .user-logout { float: right; margin: 0 !important; }
.transfer-wrapper .footer-wrapper { float: right; width: 100%; border-top: 1px solid #dedede; height: 50px; line-height: 50px; margin: 35px 0; text-align: right; font-size: 16px; }
.ui-dialog .content-bbs-login { }
.ui-dialog .content-bbs-register { height: 195px; }
.ui-dialog .content-bbs-register .tips { margin: 5px 0 0 0; color: #989898; font-size: 14px; font-weight: normal; }
.ui-dialog .dialog-footer .user-jump-index { display: block; text-align: center; color: #949494; cursor: pointer; font-size: 14px; }
.ui-dialog .dialog-footer .user-jump-index:hover { text-decoration: none; }
.forgetpwd-wrapper { margin: 150px auto; }
.forgetpwd-wrapper .ui-dialog .dialog-header { border-radius: 8px 8px 0 0; border: #D1D1D1 solid 1px; box-shadow: 0 2px 6px #D1D1D1; overflow: hidden; background: url(../dialog-radius-top-bg.png) repeat-x; height: 60px; }
.forgetpwd-wrapper .ui-dialog .dialog-header h4 { border-radius: 8px 8px 0 0; line-height: 60px; font-size: 20px; font-weight: normal; text-align: center; color: #666; }
.forgetpwd-wrapper .ui-dialog .rfm.mbw { margin-top: 30px; }

/*鎻愮ず椤甸潰鍓т腑*/
.alert_info { padding-top: 14px; }

/* 杩佺Щ椤甸潰 */
.transfer-wrapper .info-wrapper .info-wrapper-login { display: block; }
.transfer-wrapper .info-wrapper .info-wrapper-register { display: none; }
.transfer-wrapper .info-wrapper.info-bbs-wrapper .info-wrapper-login { display: none; }
.transfer-wrapper .info-wrapper.info-bbs-wrapper .info-wrapper-register { display: block; }

/* 娑堟伅鎻愮ず */
.ui-message { position: fixed; z-index: 501; left: 50%; top: 50%; display: none; border-radius: 4px; overflow: hidden; }
.ui-message p { background: #A7A7A7; color: #FFF; padding: 10px 20px; cursor: pointer; }
.input-tips { position: absolute; left: 12px; font-size: 16px; top: 14px; color: #CECECE; }

/* 楠岃瘉鐮� */
.ui-dialog .rfm .rfm-captcha { float: left; width: 263px; position: relative; overflow: visible; }
.ui-dialog .rfm .input-captcha-code { float: left; width: 101px; height: 50px; margin-left: 10px; border: 1px solid #dbdbdb; border-radius: 9px; cursor: pointer; }
.ui-dialog .rfm .input-captcha-code img { max-width: 101px; margin-top: 7px; }
/*.ui-dialog .input-captcha-panel { height: 110px; width: 220px; position: absolute; top: -1px; left: 379px; z-index: 6; display: none; }
.ui-dialog .input-captcha-panel .delta { background: #FCFCFC; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 20px; height: 20px; position: absolute; left: 3px; top: 15px; box-shadow: rgba(0, 0, 0, 0.38) 0 2px 8px; border-radius: 3px; z-index: 3; }
.ui-dialog .input-captcha-panel .deltapatch { background: #FCFCFC; border-radius: 8px 0 0 8px; box-shadow: none; height: 45px; width: 30px; position: absolute; left: 5px; top: 4px; z-index: 4; }
.ui-dialog .input-captcha-panel .verifycon { width: 215px; background: #FCFCFC; box-shadow: rgba(0, 0, 0, 0.38) 0 2px 8px; color: #616161; border-radius: 12px; font-size: 14px; line-height: 20px; overflow: hidden; padding: 20px 0px; text-align: center; position: absolute; left: 5px; top: 0; float: left; z-index: 2; }
.ui-dialog .input-captcha-panel .verifycon img { width: 140px; height: 48px; cursor: pointer; }
.ui-dialog .input-captcha-panel .verifycon p { padding: 5px 0 0 0; }*/
.content-bbs-login .ui-form .input-captcha-panel { left: -235px; }
.content-bbs-login .ui-form .input-captcha-panel .delta {right: -4px; left: auto;}
.content-bbs-login .ui-form .input-captcha-panel .deltapatch {right: 1px; top: 8px; left: auto;}